.index{
	width: 750rpx;
	.index-image{
		padding-top: 300rpx;
		width: 320rpx;
		margin: 0 auto;
		image{
			width: 320rpx;
			height: 178rpx;
		}
	}
	
}
.index-bot{
		position: fixed;
		bottom: 60rpx;
		left: 60rpx;
		.bot-wx{
			width: 630rpx;
			margin-bottom: 40rpx;
			button::after {
				border: none;
			}
			button{
				width: 630rpx;
				height: 96rpx;
				text-align: center;
				line-height: 96rpx;
				color: #fff;
				font-size: 32rpx;
				font-weight: 500;
				background: linear-gradient(126deg,#3e3945 0%, rgba(49,50,65,0.57) 100%);
				border-radius: 20rpx;
				box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0,0,0,0.25), -6rpx -4rpx 4rpx 0rpx rgba(252,252,252,0.06) inset, 4rpx 4rpx 4rpx 2rpx rgba(252,252,252,0.06) inset, 0rpx 8rpx 8rpx 0rpx rgba(0,0,0,0.25); 
			}
		}
		.bot-phone{
			width: 300rpx;
			height: 40rpx;	
			margin: 0 auto;
			line-height: 40rpx;
			font-size: 28rpx;
			font-weight: 400;
			text-align: center;
			color: #6a6670;
			border-radius: 44rpx;
			box-shadow: 4rpx 4rpx 6rpx 0rpx rgba(0,0,0,0.28) inset, -4rpx -4rpx 6rpx 0rpx #433c4f inset; 
		}
	}
.phone{
	width: 750rpx;
	.phone-image{
		padding-top: 150rpx;
		width: 240rpx;
		margin: 0 auto; 
		margin-bottom: 120rpx;
		image{
			width: 234rpx;
			height: 140rpx;
		}
	}
	.phone-title{
		width: 630rpx;
		height: 88rpx;
		margin: 0 auto;
		padding-left: 60rpx;
		display: flex;
		align-items: center;
		border-radius: 118rpx;
		margin-bottom: 40rpx;
		box-shadow: 4rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.28) inset, -4rpx -4rpx 12rpx 0rpx #433c4f inset; 
		.title-image{
			width: 40rpx;
			height: 40rpx;
			margin-right: 20rpx;
			image{
				width: 40rpx;
				height: 40rpx;
			}
		}
		.title-input{
			width: 320rpx;
			input{
				color: #fff;
			}
		}
		.text-btn{
			width: 160rpx;
			height: 64rpx;
			line-height: 64rpx;
			text-align: center;
			color: #fff;
			font-size: 24rpx;
			font-weight: 400;
			background: #312c39;
			border-radius: 64rpx;
			box-shadow: 0px 0px 10rpx 0px rgba(72,64,85,0.74) inset, 0px 2rpx 0px 0px rgba(0,0,0,0.25); 
		}
	}
}